<template>
  <div>
    <!--<el-time-picker value-format="HH:mm:ss" style="position: absolute; left: 97px; top: 147px;" v-model="timePicker"></el-time-picker>-->
        <mc-date-picker  v-model="datePicker" type="datetime"  :mc-default-value="new Date()"></mc-date-picker>
       <el-button @click="print">打印</el-button>
       <el-button @click="change">改变</el-button>
  </div>
</template>

<script>
import McDatePicker from "./components/McDatePicker";
var vueData = {datePicker:"",timePicker:"12:12:12"}
export default {
    data(){
      return vueData
    },
    components:{
      McDatePicker,
    },
    methods:{
        print(){
            console.log(this.datePicker)
//            console.log(this.timePicker)
        },
        change(){
            //this.form.userName = false;
            this.datePicker = "2020-12-12 12:00:00";
        }
    },
    beforeCreate(){
      // vueData.datePicker=new Date();
    }
}
</script>

<style>

</style>
